//文档加载事件
$(function (){
    $("#slider").slidebox({
        boxh: 420,//盒子的高度
        w: 1000,//图片的宽度
        h: 420,//图片的高度
        isShow: true,//是否显示控制器
        isShowBtn: true,//是否显示左右按钮
        controltop: 10,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 12,//控制按钮宽度
        controlsH: 12,//控制按钮高度
        radius: 6//控制按钮圆角度数
    });  
})
$(function (){
    $("#sliderBook").slidebox({
        boxh: 219,//盒子的高度
        w: 334,//图片的宽度
        h: 219,//图片的高度
        isShow: true,//是否显示控制器
        isShowBtn: true,//是否显示左右按钮
        controltop: 10,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 12,//控制按钮宽度
        controlsH: 12,//控制按钮高度
        radius: 6//控制按钮圆角度数
    });  
})
function sliders(selector,boxh,w,h,controlsW,controlsH, radius){
    $(function (){
        $(selector).slidebox({
            boxh: boxh||340,//盒子的高度
            w: w||427,//图片的宽度
            h: h||340,//图片的高度
            isShow: true,//是否显示控制器
            isShowBtn: true,//是否显示左右按钮
            controltop: 10,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
            controlsW:  controlsW||12,//控制按钮宽度
            controlsH: controlsH||12,//控制按钮高度
            radius: radius||0//控制按钮圆角度数
        });  
    })
}
sliders('.slider2',342,428,342,20,10,0)

//楼层
// 点击相应图标，跳转到相应的楼层
$('.floor .sprite').on('click',function(){
    let arr=['#books','#clothes','#outdoor','#children','#household']
    let index=$(this).index()
    let rtop=$(arr[index]).offset().top
    $('html').animate({scrollTop:rtop})
})
//鼠标移入，改变背景图x轴的位置，鼠标移出，回到之前背景图x的位置
$('.floor .sprite').hover(function(){
    // 鼠标移入。改变x轴位置
    let index=$(this).index()
    let arr=['#93d46f','#f65727','#bb9dee','#ff7394','#c2ec51']
    $(this).css({'background-position-x':-40}).css('background-color',arr[index]).find('.text').css('background-color',arr[index]).css('display','block')
},function(){
    //鼠标移出，改变x的位置到0
    $(this).css({'background-position-x':0}).css('background-color','#ccc').find('.text').css('background-color','#ccc').css('display','none')
})
// 需求:鼠标移入时，加入激活样式active，然后其他兄弟移除激活样式active
$('.new-list').on('mouseenter',function(){
    $(this).addClass('book-active').siblings().removeClass('book-active')
})
// 顶部搜索框
// 需求：窗口滚动到一定距离600px，显示搜索框
$(window).on('scroll',function(){
    let sTop=$('html').scrollTop()
    if(sTop>=600){
        console.log($('seach-input'));
        $('.top-search').stop().slideDown().find('.container').append($('.seach-input'))
    }else{
        $('.top-search').stop().slideUp().find('.seach-input').prependTo('.search')
    }
})